<!DOCTYPE html>
<html lang="en">
<head>
    <include file="Public/public_head" title="" keywords="{$Think.config.WEB_KEYWORDS}" description="{$Think.config.WEB_DESCRIPTION}"/>
</head>
<body>
<include file="Public/public_nav" />
<!-- 内容开始 -->
<div class="fl-body">
    <div class="fl-container">
        <div class="fl-main">
            <div class="fl-tips shadow">
                <i style="float:left;line-height:17px;" class="fa fa-volume-up"></i>
                <div class="fl-tips-container">
                            <span style="color: red; display: block;">
                                <p>Win10风格前端预览：
                                    <a target="_blank" href="https://www.win-ui.com/">点击前往</a>&nbsp;&nbsp;
                                </p>
                            </span>
                    <span style="color: red; display: none;">
                                <p>来都来了，说点什么吧！
                                    <a target="_self" href="http://www.lyblogs.cn/About#tabIndex=4" style="color:#01AAED">点击前往</a>
                                </p>
                            </span>
                </div>
            </div>
            <!-- 左侧文章列表 -->
            <div class="fl-main-left" id="fl-flow-article">

                <div class="conrr"></div>
                <input id="page" type="hidden" value="2">

                <!--<div class="row">-->
                    <!--<div class="col-xs-12 col-md-12 col-lg-12 b-page">-->
                        <!--{$page}-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div id="buttonArea">加载更多</div>-->
            </div>
            <!-- 右侧小栏目 -->
            <div class="fl-main-right">
                <div class="fl-module shadow">
                    <div class="fl-module-title font-bold"># 热门文章</div>
                    <ul class="fa-ul fl-module-ul">
                      <foreach name="recommend" item="v">
                            <li>
                                <i class="fa fa-li layui-icon">&#xe609;</i>
                                <a href="{:U('Home/Index/article',array('aid'=>$v['aid']))}">{$v['title']}</a>
                            </li>
                        </foreach>
                    </ul>
                </div>
                <div class="fl-module shadow">
                    <div class="fl-module-title font-bold"># 最新文章</div>
                    <ul class="fa-ul fl-module-ul">
                        <foreach name="newAri" item="v">
                            <li>
                                <i class="fa fa-li layui-icon">&#xe609;</i>
                                <a href="{:U('Home/Index/article',array('aid'=>$v['aid']))}">{$v['title']}</a>
                            </li>
                        </foreach>
                    </ul>
                </div>

                <!--<div class="fl-module shadow">-->
                    <!--<div class="fl-module-title font-bold"># 最近访客</div>-->
                    <!--<dl class="vistor">-->
                        <!--<dd>-->
                            <!--<a href="javascript:void(0);">-->
                                <!--<img src="__PUBLIC__/static/whoCare/image/whocare.jpg" alt="" />-->
                                <!--<cite>whoCare</cite>-->
                            <!--</a>-->
                        <!--</dd>-->

                    <!--</dl>-->
                <!--</div>-->

                <eq name="show_link" value="1">
                    <div class="fl-module shadow">
                        <div class="fl-module-title font-bold"># 友情链接</div>
                        <ul class="blogroll">
                            <foreach name="links" key="k" item="v">
                                <li><a target="_blank" href="{$v[url]}" title="{$v['lname']}">{$v['lname']}</a></li>
                            </foreach>
                        </ul>
                    </div>
                </eq>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<!-- 底部 -->
<footer class="fl-footer">
    <p>
        <span>Copyright</span>
        <span>©</span>
        <span>2017</span>
        <a href="">WhoCare个人博客</a>
        <span>Design By WhoCare</span>
    </p>
    <p>
        <a href="" target="_blank">豫ICP备xxxxxxxx号-1</a>
    </p>
</footer>
<!-- 右侧导航 -->
<ul class="layui-nav layui-nav-tree layui-nav-side fl-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item layui-this">
        <a href="/"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/ari')}"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/git')}"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/chat')}"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
        <a href="{:U('Home/Index/about')}"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
</ul>
<!-- 分享窗体 -->
<div class="fl-share layui-hide ">
    <div class="fl-share-body">
        <div>
            <div class="flsharebuttonshare">
                <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
            </div>
        </div>
    </div>
</div>
<!-- 遮罩 -->
<div class="fl-mask animated layui-hide"></div>
<!-- 左侧Qplayer -->
<div id="QPlayer">
    <div id="pContent">
        <div id="player">
            <span class="cover"></span>
            <div class="ctrl">
                <div class="musicTag marquee">
                    <strong>Title</strong>
                    <span> - </span>
                    <span class="artist">Artist</span>
                </div>
                <div class="progress">
                    <div class="timer left">0:00</div>
                    <div class="contr">
                        <div class="rewind icon"></div>
                        <div class="playback icon"></div>
                        <div class="fastforward icon"></div>
                    </div>
                    <div class="right">
                        <div class="liebiao icon"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ssBtn">
            <div class="adf"></div>
        </div>
    </div>
    <ol id="playlist"></ol>
</div>



<script src="__PUBLIC__/static/whoCare/layui/layui.js"></script>
<script src="__PUBLIC__/static/whoCare/js/index.js"></script>
<script src="__PUBLIC__/static/whoCare/Qplayer/js/jquery.min.js"></script>
<script src="__PUBLIC__/static/whoCare/Qplayer/js/jquery.marquee.min.js"></script>
<script>
    $(function(){
        $(".conrr").load("{:U('Home/Index/more')}");
    });

    var playlist = [
        {title:"wiat for love",artist:"elliott yamin",mp3:"http://p2.music.126.net/zp0KSF64_IhRIRvDpyUFrg==/2074778441622994.mp3",cover:"http://p4.music.126.net/NpR4nUoJXsQmWunZWCz4OQ==/898300999944140.jpg",},
        {title:"优美的小调(钢琴曲)",artist:"张宇桦",mp3:"http://p2.music.126.net/W6WzGTa92tI0fgsQQlMfmA==/5853799906336964.mp3",cover:"http://p3.music.126.net/CWeAKWr06dC8pc0rajYN_w==/109951162811772268.jpg?param=106x106",},
        {title:"风中的蒲公英(钢琴曲)",artist:"张宇桦",mp3:"http://p2.music.126.net/jK9lUoe_NpVPmMm8eGALiw==/5830710162234114.mp3",cover:"http://p4.music.126.net/CWeAKWr06dC8pc0rajYN_w==/109951162811772268.jpg?param=106x106",},
        {title:"Sun",artist:"Steerner",mp3:"http://p2.music.126.net/EB4EZJOoEhnifn1EdALgMQ==/1388683193786247.mp3",cover:"http://p3.music.126.net/xEuUgUnosjgJxpKANkJX3g==/1401877332796018.jpg?param=106x106",},
        {title:"Crystals ",artist:"Steerner",mp3:"http://p2.music.126.net/gEakusyQy4945-RNdIHhqw==/1400777821635635.mp3",cover:"http://p4.music.126.net/xEuUgUnosjgJxpKANkJX3g==/1401877332796018.jpg?param=106x106",},
    ];
    var isRotate = true;
    var autoplay = true;


    $(window).scroll(
        function() {
            var scrollTop = $(this).scrollTop();
            var scrollHeight = $(document).height();
            var windowHeight = $(this).height();
            if (scrollTop + windowHeight == scrollHeight) {
// 此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
                var page=parseInt($("#page").val());
                $.post("{:U('Home/Index/more')}?p="+page,function (data) {
//                console.log(data);
                    $(".conrr").append(data);
                    $("#page").val(page+1);
                });
            }
        });


</script>
<script src="__PUBLIC__/static/whoCare/Qplayer/js/player.js"></script>

<include file="Public/public_login" />
</body>
</html>